<html lang="zh-CN">
<head>
    {% load bootstrap4 %}
    {% bootstrap_css %}
    {% bootstrap_javascript %}
    <title>产品自动化测试平台</title>
</head>
<body role="document">
<!--导航栏-->
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
    <div class="container">
        <a class="navbar-brand" href="#">&nbsp;
        </a>
        <ul class="nav justify-content-left"> &nbsp;
        </ul>
        <ul class="nav justify-content-center"> &nbsp;
        </ul>
        <ul class="nav justify-content-end" style="position:absolute; right:10px; bottom:0; ">
            <li class="nav-link"><a style='color:white' href="#">{{user}}</a></li>
            <li class="nav-link"><a style='color:white' href="/logout/">退出</a></li>
        </ul>
    </div>
</nav>

<!--产品列表-->
<div class="row" style="padding-top: 50px;">
    <div class="col-md-12">
        <table class="table table-striped">
            <thead>

            <tr>
                <th>ID</th>
                <th>产品名称</th>
                <th>产品描述</th>
                <th>产品负责人</th>
                <th>创建时间</th>
            </tr>
            </thead>
            <tbody>
            {% for product in products %}
            <tr>
                <td>{{ product.id }}</td>
                <td>{{ product.product_name }}</td>
                <td>{{ product.product_desc }}</td>
                <td>{{ product.product_er }}</td>
                <td>{{ product.create_time }}</td>
            </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>

</body>
</html>
